<%@ page language="java" isELIgnored="false" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>全部产品</title>
	<%@ include file="/WEB-INF/jsp/ResourceGlobal.jsp"%>
	<script type="text/javascript" src="<%=context%>resources/modules/bootstrap/js/main.js"></script>
</head>
<body>
  <div class="result-box">
    <div class="controller">
      <button type="button">导入</button>
      <button type="button">导出</button>
    </div>
    <div class="form-multi-col-panel clear">
      <div class="form-item-group form-horizontal" role="form">
        <div class="form-item max">
          <span class="form-field">产品名称</span>
          <span class="form-input">
            <input type="text" autocomplete="off">
          </span>
        </div>
        <div class="form-item max">
          <span class="form-field">发布时间</span>
          <span class="form-input">
            <input class="form-control input-date" id="begT" autocomplete="off" type="text">
            <i class="fas fa-calendar-alt"></i>
          </span>
        </div>
        <div class="form-item max">
          <span class="form-field">风险级别</span>
          <span class="form-input form-input-lg">
            <i class="far fa-square" id="isPassPort"></i>
            <label>不限</label>
            <i class="far fa-check-square" id="isPassPort"></i>
            <label>低</label>
            <i class="far fa-square" id="isPassPort"></i>
            <label>中低</label>
            <i class="far fa-square" id="isPassPort"></i>
            <label>中</label>
            <i class="far fa-square" id="isPassPort"></i>
            <label>中高</label>
            <i class="far fa-square" id="isPassPort"></i>
            <label>高</label>
          </span>
        </div>
        <div class="form-item max">
          <span class="form-field">产品类型</span>
          <span class="form-input form-input-lg">
            <i class="far fa-square" id="isPassPort"></i>
            <label>权益类</label>
            <i class="far fa-check-square" id="isPassPort"></i>
            <label>固定收益类</label>
            <i class="far fa-square" id="isPassPort"></i>
            <label>混合类</label>
            <i class="far fa-square" id="isPassPort"></i>
            <label>商品及金融衍生品</label>
          </span>
        </div>
        <div class="form-item max">
          <span class="form-field">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;期限</span>
          <span class="form-input form-input-lg">
            <i class="far fa-square" id="isPassPort"></i>
            <label>7天内</label>
            <i class="far fa-check-square" id="isPassPort"></i>
            <label>7天-1个月</label>
            <i class="far fa-square" id="isPassPort"></i>
            <label>1-3个月</label>
            <i class="far fa-square" id="isPassPort"></i>
            <label>3-6个月</label>
            <i class="far fa-square" id="isPassPort"></i>
            <label>6-12个月</label>
            <i class="far fa-square" id="isPassPort"></i>
            <label>1年以上</label>
          </span>
        </div>
      </div>
      <div class="form-action">
        <button class="btn btn-primary table-search" id="search" type="submit">查询</button>
      </div>
      <div class="fullscreen" id="fullscreen">
        <i class="fas fa-arrows-alt"></i>
      </div>
    </div>
    <div class="model">
      <div class="model-content">
        <table>
          <thead>
            <tr>
              <th>产品名称</th>
              <th>产品类型</th>
              <th>期限</th>
              <th>规模</th>
              <th>风险等级</th>
              <th>操作</th>
              </tr>    
          </thead>
          <tbody id="tbody"></tbody>
        </table>
      </div>
    </div>
    <div class="loading">
      <i class="fas fa-spinner fa-pulse"></i>    
    </div>
  </div>
<script class="dis_none" id="template1" type="x-tmpl-mustache">
{{#result}}
<tr>
  <td>{{产品名称}}</td>
  <td>{{产品类型}}</td>
  <td>{{期限}}</td>
  <td>{{规模}}</td>
  <td>{{风险等级}}</td>
  <td><a href="#">详情</a></td>
</tr>
{{/result}}
</script>
</body>
</html>